<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7">    <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Vmenu | Home Page 1</title>
        
        <!-- Google font -->
        <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="fonts/Lato-Medium.css">
        <link rel="stylesheet" href="fonts/Lato-MediumItalic.css">
        <link rel="stylesheet" href="fonts/Lato-Semibold.css">

        <!-- Bootstrap css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <!-- Slicknav css -->
        <link rel="stylesheet" href="css/slicknav.min.css">

        <!-- Font awesome css -->
        <link rel="stylesheet" href="css/font-awesome.min.css">

        <!-- Stroke Font Icon css -->
        <link rel="stylesheet" href="css/pe-icon-7-stroke.css">

        <!-- Animate css -->
        <link rel="stylesheet" href="css/animate.css">

        <!-- VenoBox css -->
        <link rel="stylesheet" href="css/venobox.css">

        <!-- Owl carousel 2 css -->
        <link rel="stylesheet" href="css/owl.carousel.css">

        <!-- Custom css -->
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">

        <!-- Favicons -->
        <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png">
        <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>  

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!-- Linkon Miyan from rexord.com -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.min.js"></script>
          <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    
    <body>
        <!--====| Preloader Area Start |====-->
        <div id="preloader">
            <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
        </div>
        <!--====| Preloader Area End |====-->


        <!--====| Header Area Start |====-->
        <header class="header_area">
           
            <!--====| Header Top Start |====-->
            <div class="header_top">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="header_top_social_logo">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                </ul>
                            </div>
                            <div class="header_top_phone_no">
                                <a href="tel:(02)-123-456-7890">(02) 123-456-7890</a>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="header_top_search">
                                <form action="#">
                                    <input type="text" placeholder="Search ...">
                                    <input type="submit" value="">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--====| Header Top End |====-->
            
            <!--====| Main Header Start |====-->
            <div class="main_header">
                <div class="site_logo">
                    <a href="index.html">
                        <img src="img/logo.png" alt="Site Logo">
                        <span class="logo_txt"><span>v</span>menu</span>
                    </a>
                </div>
                <div class="main_menu_area">
                    <nav class="main_menu">
                        <ul>
                            <li class="active">
                                <a href="index.html"><i class="pe-7s-home"></i><span>Home</span></a>
                            </li>
                            <li>
                                <a href="about.html"><i class="pe-7s-light"></i><span>about us</span></a>
                            </li>
                            <li>
                                <a href="services.html"><i class="pe-7s-config"></i><span>services</span></a>
                            </li>
                            <li>
                                <a href="portfolio.html"><i class="pe-7s-portfolio"></i><span>portfolio</span></a>
                            </li>
                            <li>
                                <a href="blog.html"><i class="pe-7s-notebook"></i><span>Blog</span></a>
                            </li>
                            <li>
                                <a href="contact.html"><i class="pe-7s-call"></i><span>contact us</span></a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!--====| Main Header End |====-->
            
        </header>
        <!--====| Header Area End |====-->


        <!--====| Banner Area Start |====-->
        <section class="banner_area">
            <div class="container">
                <div class="row">
                    <div class="banner_content">
                        <div class="col-md-7">
                            <div class="banner_con_txt">
                                <h1>clean, modern and professional psd template</h1>
                                <h2>100% responsive template</h2>
                                <p>You wanna be where everybody knows Your name. Just sit right back and you'll hear a tale a tale of a fateful trip that started from this tropic </p>
                                <a href="#" class="rm_btn">purchase now</a>
                            </div>
                        </div>
                        <div class="col-md-5 hidden-sm">
                            <div class="banner_con_photo">
                                <img src="img/banner_mockup.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Banner Area End |====-->


        <!--====| About Us Area Start |====-->
        <section class="about_us_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>About us</h2>
                            <p>They'll have to make the best of things its an uphill climb. Till the one day when the lady met this fellow and they knew it was much more than getting rough .</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="single_about">
                            <div class="about_icon">
                                <i class="pe-7s-light"></i>
                            </div>
                            <h3><a href="#">creative Idea</a></h3>
                            <p>It's time to dress up right. It's time to raise the curtain on the Muppet Show tonight! Believe it or not I'm </p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="single_about">
                            <div class="about_icon">
                                <i class="pe-7s-magic-wand"></i>
                            </div>
                            <h3><a href="#">effective design</a></h3>
                            <p>It's time to dress up right. It's time to raise the curtain on the Muppet Show tonight! Believe it or not I'm </p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="single_about">
                            <div class="about_icon">
                                <i class="pe-7s-flag"></i>
                            </div>
                            <h3><a href="#">quality products</a></h3>
                            <p>It's time to dress up right. It's time to raise the curtain on the Muppet Show tonight! Believe it or not I'm </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="about_us_bottom_photo">
                        <img src="img/about_us_bottom_photo.png" alt="" class="wow fadeInUp">
                    </div>
                </div>
            </div>
        </section>
        <!--====| About Us Area End |====-->


        <!--====| Our Skill Area Start |====-->
        <section class="our_skill_area">
            <div class="container">
                <div class="section-padding">
				<div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>Our Skills</h2>
                        </div>
                    </div>
				</div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="all_skill_item">
                            <div class="single_progress">
                                <h4>branding</h4>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                    <span>60%</span>
                                    </div>
                                </div>              
                            </div>   
                            <div class="single_progress">
                                <h4>wordpress</h4>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                                    <span>80%</span>
                                    </div>
                                </div>              
                            </div>   
                            <div class="single_progress">
                                <h4>print</h4>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                                    <span>70%</span>
                                    </div>
                                </div>              
                            </div>              
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="all_skill_item">
                            <div class="single_progress">
                                <h4>web design</h4>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                                    <span>80%</span>
                                    </div>
                                </div>              
                            </div>   
                            <div class="single_progress">
                                <h4>joomla</h4>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                                    <span>70%</span>
                                    </div>
                                </div>              
                            </div>   
                            <div class="single_progress">
                                <h4>photography</h4>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
                                    <span>75%</span>
                                    </div>
                                </div>              
                            </div>              
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </section>
        <!--====| Our Skill Area End |====-->


        <!--====| Featured Work Area Start |====-->
        <section class="featured_work_area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>featured works</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="all_featured">
                        <div class="col-sm-4">
                            <div class="single_featured">
                                <div class="featured_photo">
                                    <img src="img/featured_photo_1.jpg" alt="">
                                    <div class="portfolio_caption">
                                        <div class="buttons">  
                                            <a class="lightbox" href="img/featured_photo_1.jpg"><i class="fa fa-search"></i></a>
                                            <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <h3><a href="project-details.html">brand of the juju</a></h3>
                                <p>Branding / Logos</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="single_featured">
                                <div class="featured_photo">
                                    <img src="img/featured_photo_2.jpg" alt="">
                                    <div class="portfolio_caption">
                                        <div class="buttons">  
                                            <a class="lightbox" href="img/featured_photo_2.jpg"><i class="fa fa-search"></i></a>
                                            <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <h3><a href="project-details.html">package of motica</a></h3>
                                <p>Graphic / Logos</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="single_featured">
                                <div class="featured_photo">
                                    <img src="img/featured_photo_3.jpg" alt="">
                                    <div class="portfolio_caption">
                                        <div class="buttons">  
                                            <a class="lightbox" href="img/featured_photo_3.jpg"><i class="fa fa-search"></i></a>
                                            <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <h3><a href="project-details.html">trendy branding</a></h3>
                                <p>Logo / Web design</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="single_featured">
                                <div class="featured_photo">
                                    <img src="img/featured_photo_4.jpg" alt="">
                                    <div class="portfolio_caption">
                                        <div class="buttons">  
                                            <a class="lightbox" href="img/featured_photo_4.jpg"><i class="fa fa-search"></i></a>
                                            <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <h3><a href="project-details.html">food well xpress</a></h3>
                                <p>Graphic / Logos</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="single_featured">
                                <div class="featured_photo">
                                    <img src="img/featured_photo_5.jpg" alt="">
                                    <div class="portfolio_caption">
                                        <div class="buttons">  
                                            <a class="lightbox" href="img/featured_photo_5.jpg"><i class="fa fa-search"></i></a>
                                            <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <h3><a href="project-details.html">product motion</a></h3>
                                <p>Graphic / Branding</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="single_featured">
                                <div class="featured_photo">
                                    <img src="img/featured_photo_6.jpg" alt="">
                                    <div class="portfolio_caption">
                                        <div class="buttons">  
                                            <a class="lightbox" href="img/featured_photo_6.jpg"><i class="fa fa-search"></i></a>
                                            <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <h3><a href="project-details.html">custome weby</a></h3>
                                <p>Web Design / Development</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Featured Work Area End |====-->


        <!--====| Featured Client Area Start |====-->
        <section class="featured_client_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>featured clients</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="featured_client_carousel">
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_1.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_2.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_3.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_4.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_5.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_6.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Featured Client Area End |====-->


        <!--====| Services We Provide Area Start |====-->
        <section class="services_we_provide_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>services we provide</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="all_services">
                        <div class="col-sm-2 col-xs-6">
                            <a href="#">
                                <div class="single_service">
                                    <i class="pe-7s-help2"></i>
                                    <h4>24/7 support</h4>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <a href="#">
                                <div class="single_service">
                                    <i class="pe-7s-monitor"></i>
                                    <h4>responsive</h4>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <a href="#">
                                <div class="single_service">
                                    <i class="pe-7s-anchor"></i>
                                    <h4>modern psd</h4>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <a href="#">
                                <div class="single_service">
                                    <i class="pe-7s-science"></i>
                                    <h4>best features</h4>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <a href="#">
                                <div class="single_service">
                                    <i class="pe-7s-shuffle"></i>
                                    <h4>free updates</h4>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-2 col-xs-6">
                            <a href="#">
                                <div class="single_service">
                                    <i class="pe-7s-cup"></i>
                                    <h4>awards</h4>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="service_details">
                        <div class="single_service_details">
                            <h3>Responsive design</h3>
                            <p>Well we're movin' on up to the east side to a deluxe apartment in the sky. Fleeing from the Cylon tyranny the last Battlestar – Galactica - leads a rag-tag fugitive fleet on a lonely quest </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Services We Provide Area End |====-->


        <!--====| More Service Area Start |====-->
        <section class="more_service_area">
            <div class="container">
                <div class="section-padding">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="more_service">
                                <h2>looking for more services?</h2>
                                <p>Well the first thing you know ol' Jeds a millionaire. Kinfolk said Jed move away from there. In 1972 a crack commando unit was sent to prison by a military court for a crime they didn't commit. These men promptly escaped from a maximum security stockade .</p>
                                <a href="#" class="rm_btn">contact us</a>
                            </div>
                        </div>
                        <div class="col-md-4 hidden-sm">
                            <div class="more_service_photo">
                                <img src="img/more_our_service_photo.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| More Service Area End |====-->


        <!--====| Our Great Team Area Start |====-->
        <section class="our_great_team_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>our great team</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="our_great_team">
                        <div class="col-md-3 col-sm-4">
                            <div class="single_team_member">
                                <div class="team_photo">
                                    <img src="img/our_great_team_photo_1.jpg" alt="">
                                    <div class="team_caption">
                                        <p>We know Flipper lives in a world full of wonder flying there-under under the sea.</p>
                                        <ul>
                                            <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <h3><a href="">mike Bradshaw</a></h3>
                                <p>Ceo / founder</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="single_team_member">
                                <div class="team_photo">
                                    <img src="img/our_great_team_photo_2.jpg" alt="">
                                    <div class="team_caption">
                                        <p>We know Flipper lives in a world full of wonder flying there-under under the sea.</p>
                                        <ul>
                                            <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <h3><a href="">micheal waugh</a></h3>
                                <p>co - founder</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="single_team_member">
                                <div class="team_photo">
                                    <img src="img/our_great_team_photo_3.jpg" alt="">
                                    <div class="team_caption">
                                        <p>We know Flipper lives in a world full of wonder flying there-under under the sea.</p>
                                        <ul>
                                            <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <h3><a href="">hendry richard</a></h3>
                                <p>Designer</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="single_team_member">
                                <div class="team_photo">
                                    <img src="img/our_great_team_photo_4.jpg" alt="">
                                    <div class="team_caption">
                                        <p>We know Flipper lives in a world full of wonder flying there-under under the sea.</p>
                                        <ul>
                                            <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <h3><a href="">george clooney</a></h3>
                                <p>Designer</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Our Great Team Area End |====-->


        <!--====| Testimonial Area Start |====-->
        <section class="testimonial_area">
            <div class="container">
                <div class="section-padding">
                    <div class="row">
                    <div class="col-md-12">
                        <div class="all_testimonial">
                            <div class="single_testimonial">
                                <div class="testi_photo">
                                    <img src="img/testimonial_photo_1.jpg" alt="">
                                </div>
                                <p>So lets make the most of this beautiful day. Since we're together Come and play. Everything's A-OK. Friendly neighbors there that's where we meet Can you tell me how to get how to </p>
                                <h4>Steve watson, 12Studio</h4>
                            </div>
                            <div class="single_testimonial">
                                <div class="testi_photo">
                                    <img src="img/testimonial_photo_1.jpg" alt="">
                                </div>
                                <p>So lets make the most of this beautiful day. Since we're together Come and play. Everything's A-OK. Friendly neighbors there that's where we meet Can you tell me how to get how to </p>
                                <h4>Steve watson, 12Studio</h4>
                            </div>
                            <div class="single_testimonial">
                                <div class="testi_photo">
                                    <img src="img/testimonial_photo_1.jpg" alt="">
                                </div>
                                <p>So lets make the most of this beautiful day. Since we're together Come and play. Everything's A-OK. Friendly neighbors there that's where we meet Can you tell me how to get how to </p>
                                <h4>Steve watson, 12Studio</h4>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </section>
        <!--====| Testimonial Area End |====-->


        <!--====| Our Pricing Area Start |====-->
        <section class="our_pricing_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>our pricing</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="pricing_table clearfix">
                        <div class="col-sm-4 fix_p">
                            <div class="single_pricing_table">
                                <div class="price_title">
                                    <h2>Basic</h2>
                                </div>
                                <div class="price_content">
                                    <h1><span>$</span>50.00</h1>
                                    <h4>12 Months</h4>
                                    <ul>
                                        <li>Responsive Design</li>
                                        <li>Modern Layout</li>
                                        <li>Unique Elements</li>
                                        <li>Stunning Portfolio Style</li>
                                        <li>Best Features</li>
                                        <li>Free Updates</li>
                                    </ul>
                                    <a href="#" class="rm_btn">join now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 fix_p">
                            <div class="single_pricing_table special">
                                <div class="price_title">
                                    <h2>business</h2>
                                </div>
                                <div class="price_content">
                                    <h1><span>$</span>100.00</h1>
                                    <h4>12 Months</h4>
                                    <ul>
                                        <li>Responsive Design</li>
                                        <li>Modern Layout</li>
                                        <li>Unique Elements</li>
                                        <li>Stunning Portfolio Style</li>
                                        <li>Best Features</li>
                                        <li>Free Updates</li>
                                    </ul>
                                    <a href="#" class="rm_btn">join now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 fix_p">
                            <div class="single_pricing_table">
                                <div class="price_title">
                                    <h2>professional</h2>
                                </div>
                                <div class="price_content">
                                    <h1><span>$</span>150.00</h1>
                                    <h4>12 Months</h4>
                                    <ul>
                                        <li>Responsive Design</li>
                                        <li>Modern Layout</li>
                                        <li>Unique Elements</li>
                                        <li>Stunning Portfolio Style</li>
                                        <li>Best Features</li>
                                        <li>Free Updates</li>
                                    </ul>
                                    <a href="#" class="rm_btn">join now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Pricing Area End |====-->


        <!--====| Our Process Area Start |====-->
        <section class="our_process_area">
            <div class="container">
                <div class="section-padding">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section_heading">
                                <h2>Our process</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="our_process">
                                <div class="single_process">
                                    <i class="pe-7s-search"></i>
                                    <h4>1.Research</h4>
                                </div>
                                <div class="single_process">
                                    <i class="pe-7s-light"></i>
                                    <h4>2.idea</h4>
                                </div>
                                <div class="single_process">
                                    <i class="pe-7s-magic-wand"></i>
                                    <h4>3.Design</h4>
                                </div>
                                <div class="single_process">
                                    <i class="pe-7s-science"></i>
                                    <h4>4.Development</h4>
                                </div>
                                <div class="single_process">
                                    <i class="pe-7s-rocket"></i>
                                    <h4>5.launch</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Our Process Area End |====-->


        <!--====| Latest From Our Blog Area Start |====-->
        <section class="latest_from_our_blog_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>latest from our blog</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="single_latest_from_blog">
                            <div class="blog_photo">
                                <img src="img/latest_blog_photo_1.jpg" alt="">
                                <div class="fav_count">
                                    <i class="pe-7s-like"></i>
                                    <span>12</span>
                                </div>
                            </div>
                            <div class="blog_meta">
                                <div class="post_date">
                                    <span>11</span>
                                    <span>jun</span>
                                </div>
                                <div class="post_title">
                                    <h3><a href="">It's time to raise the curtai Muppet</a></h3>
                                    <p>By Admin <span>|</span> 1 Comment</p>
                                </div>
                            </div>
                            <div class="post_cont">
                                <p>They really are a scream the Addams Family. Here's the story of a man named  was busy with three .</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="single_latest_from_blog">
                            <div class="blog_photo">
                                <img src="img/latest_blog_photo_2.jpg" alt="">
                                <div class="fav_count">
                                    <i class="pe-7s-like"></i>
                                    <span>12</span>
                                </div>
                            </div>
                            <div class="blog_meta">
                                <div class="post_date">
                                    <span>11</span>
                                    <span>jun</span>
                                </div>
                                <div class="post_title">
                                    <h3><a href="">It's time to raise the curtai Muppet</a></h3>
                                    <p>By Admin <span>|</span> 1 Comment</p>
                                </div>
                            </div>
                            <div class="post_cont">
                                <p>They really are a scream the Addams Family. Here's the story of a man named  was busy with three .</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="single_latest_from_blog">
                            <div class="blog_photo">
                                <img src="img/latest_blog_photo_3.jpg" alt="">
                                <div class="fav_count">
                                    <i class="pe-7s-like"></i>
                                    <span>12</span>
                                </div>
                            </div>
                            <div class="blog_meta">
                                <div class="post_date">
                                    <span>11</span>
                                    <span>jun</span>
                                </div>
                                <div class="post_title">
                                    <h3><a href="">It's time to raise the curtai Muppet</a></h3>
                                    <p>By Admin <span>|</span> 1 Comment</p>
                                </div>
                            </div>
                            <div class="post_cont">
                                <p>They really are a scream the Addams Family. Here's the story of a man named  was busy with three .</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Latest From Our Blog Area End |====-->
        
        <!--====| Footer Area Start |====-->
        <footer class="footer_area">
            <div class="container footer_top section-padding">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <a href="index.html"><img src="img/footer_logo.png" alt=""></a>
                            </div>
                            <div class="footer_widget_content">
                                <div class="first_wid">
                                    <p>Just two good ol' boys Never meanin' no harm. Beats all you've ever saw been in trouble </p>
                                    <p>Donec volutpat, mi vel egestas eleiend, dolor arcu iaculis nunc. Fusce gravida tortor felis, ac dictum risus sagittis id. </p>
                                    <a href="#">LEAR MORE</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Recent Post</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="footer_recent_post">
                                    <ul>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_1.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_2.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_3.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Tags</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="tag_wid">
                                    <ul>
                                        <li><a href="#">Awesome</a></li>
                                        <li><a href="#">Photography</a></li>
                                        <li><a href="#">Web Design</a></li>
                                        <li><a href="#">Infographic</a></li>
                                        <li><a href="#">Guitar</a></li>
                                        <li><a href="#">Theme</a></li>
                                        <li><a href="#">Website</a></li>
                                        <li><a href="#">Artist Design</a></li>
                                        <li><a href="#">Themeforest</a></li>
                                        <li><a href="#">Music</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Flickr Widget</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="flickr_wid">
                                    <ul>
                                        <li><a href="#"><img src="img/flickr_photo_1.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_2.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_3.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_4.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_5.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_6.jpg" alt=""></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container footer_bottom">
                <div class="row">
                    <div class="col-md-5">
                        <div class="copyright_txt">
                            <p>Copyright © 2015 - All Rights Reserved</p>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="footer_menu">
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="">Pages</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="">Shop</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="">Shortcodes</a></li>
                                    <li><a href="">Features</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--====| Footer Area End |====-->
       
        <!-- jQuery Latest version -->
        <script src="js/vendor/jquery.1.11.1.js"></script>

        <!-- Google Maps API -->
        <script src="https://maps.googleapis.com/maps/api/js"></script>

        <!-- Bootstrap JS -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Slicknav JS -->
        <script src="js/jquery.slicknav.min.js"></script>

        <!-- jQuery knob and appear -->
        <script src="js/jquery.appear.js"></script>
        <script src="js/jquery.knob.min.js"></script>

        <!-- jQuery easing -->
        <script src="js/jquery.easing.1.3.min.js"></script>

        <!-- jQuery owl carousel -->
        <script src="js/owl.carousel.min.js"></script>
		
        <!-- Mixitup -->
        <script src="js/jquery.mixitup.js"></script>

        <!-- jQuery VenoBox -->
        <script src="js/venobox.min.js"></script>

        <!-- WOW Animation -->
        <script src="js/wow.min.js"></script>
           
        <!--Activating WOW Animation only for modern browser-->
        <!--[if !IE]><!-->
            <script type="text/javascript">new WOW().init();</script>
        <!--<![endif]-->		

        <!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
        <!--[if gte IE 9]>
            <script type="text/javascript">new WOW().init();</script>
        <![endif]-->		 

        <!--Opacity & Other IE fix for older browser-->
        <!--[if lte IE 8]>
            <script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
        <![endif]-->	    

        <!-- jQuery main script -->
        <script src="js/main.js"></script>
    </body>
</html>